#app {
    background-color: #edf2f7;
  }

  .app-head {
    padding: 0px !important;
  }

  .app-main {
    /* background-color: #ffffff; */
    padding: 0px 20px !important;
  }

  /* .el-main{
    padding-top: 0px !important;
  } */
  .main-head {
    padding-top: 10px;
  }

  .query-mini {
    width: 100px !important;
    margin-right: 10px;
  }

  .query-smart {
    width: 120px !important;
    margin-right: 10px;
  }

  .query-short {
    width: 150px !important;
    margin-right: 10px;
  }

  .query-medium {
    width: 200px !important;
    margin-right: 10px;
  }

  .query-long {
    width: 250px !important;
    margin-right: 10px;
  }

  .query-tree {
    width: 300px !important;
    margin-right: 10px;
  }

  .query-longest {
    width: 350px !important;
    margin-right: 10px;
  }

  .query-400 {
    width: 400px !important;
    margin-right: 10px;
  }

  .query-450 {
    width: 450px !important;
    margin-right: 10px;
  }

  .query-500 {
    width: 500px !important;
    margin-right: 10px;
  }

  .modify-dialog .el-dialog {
    background-color: #edf2f7;
  }

  .form-title {
    font-size: 18px;
    background-color: cadetblue;
    padding: 10px;
    height: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFFFFF;
  }

  .full-item-form .el-select,
  .full-item-form .el-date-editor,
  .full-item-form .el-autocomplete {
    width: 100% !important;
  }

  .dialog-footer {
    text-align: right;
  }

  .infomation-form .el-form-item {
    margin-top: 20px;
    font-size: 1.5rem;
  }
  .infomation-form .el-input {
    width: 350px;
    margin-right: 20px;
  }
  .infomation-form .el-input__inner{
    background-color: #4472c4 !important;
    color: #FFFFFF;
  }